<template>
    <div class="content">
        <Back></Back>
		<Battery></Battery>
		<Title v-bind:hasHelp="false" v-bind:title="this.$route.params.title"></Title>
        <ietm-help-search v-show="flag" @returnflag="getFlag"></ietm-help-search>
        <ietm-help-index v-show="!flag" @returnflag="getFlag"></ietm-help-index>
       <!--  <router-view  > </router-view>-->
    </div> 
</template>
<script>
import Battery from "@/components/Battery";
import Title from "@/components/Title";
import Back from '@/components/Back';
import IetmHelpIndex from '@/components/ietm/help/IetmHelpIndex'
import IetmHelpSearch from '@/components/ietm/help/IetmHelpSearch'
export default {
    data(){
        return {
            name:'',
            datas:[],
            content:'',
            title:'',
            flag:false,
        }
    },
    components:{
        Battery,
	    Title,
        Back,
        IetmHelpIndex,
        IetmHelpSearch
    },
    methods:{
        getFlag:function(msg){
            this.flag = msg;
        }
    },
    computed: {
    key() {
        console.log(this.$route)
        return this.$route.name !== undefined? this.$route.name +new Date(): this.$route +new Date()
    }
 }
}
</script>
<style scoped>
@import url('../../assets/css/content.css');
@import url('../../assets/css/animation.css');
</style>

